Skip to content

Chat Overlay

The chat overlay is a great way to display your chat on stream. This allows you to interact with your viewers in a unique way. You can customize the chat overlay to your liking and make it fit your stream perfectly.

You can find a preview of the chat overlay on the right side of the page. (or below if you are on your phone) This preview will update in real-time as you change the settings.

Theme

You can choose from a variety of themes for your chat overlay. This allows you to match the chat overlay to your stream's design.

Theme Specific Options

Each theme has its own set of options. These options allow you to customize the chat overlay to your liking. For example, you can change the font size, font color, background color, and more.

Tip Message Style

You can choose how tip and subscription alert messages look in the chat overlay. The available styles depend on the active theme.

  • The selected style is applied to tip alerts and subscription alerts in the overlay preview and live overlay.

Tip Message Style Options

After selecting a tip message style, you can fine-tune that style with its own options.

  • Options are style-specific and can include colors and numeric values (for example animation speed or effect intensity).
  • The settings in this section change based on the selected tip message style.
  • Changes are reflected in the preview immediately.

Hide Bots

Enabling this option will hide bot messages in the chat overlay. This allows you to only display messages from real users.

Hide Verified Users

This option allows you to hide messages from verified users in the chat overlay. This is useful to prevent spam from verified users.

Hide System Messages

Enabling this option will hide system messages in the chat overlay. This includes messages like "Connected to websocket ..." or "Disconnected from websocket ...".

Hide User Pronouns

This option allows you to hide user pronouns in the chat overlay. Users can set their pronouns via the FTV extension Chrome Firefox.

Background

This is only used to check how the chat overlay will look on a specific background. The background will not be displayed on the stream.

Collaboration Chatrooms

The collaboration chatrooms feature allows you to display messages from multiple chatrooms in a single overlay. This is perfect for:

  • Collaborative streams with multiple creators
  • Hosting events where you want to see messages from different channels

How to use:

  1. Share your Chatroom ID: Your chatroom ID is displayed in this section. Click the "Copy" button to share it with creators who want to include your chat in their overlay.

  2. Add Collaborator's Chatroom: Enter the chatroom ID of another creator whose chat you want to display.

  3. Manage Added Chatrooms: You can see all added chatrooms with their usernames. Remove any chatroom by clicking the "Remove" button.

Important Notes:

  • Messages from all chatrooms will be merged into a single overlay

Chat Overlay URL

In order to display the chat overlay on your stream, you need to add the chat overlay URL to your streaming software. You can find the chat overlay URL in the chat overlay settings. Simply copy the URL and add it as a browser source in your streaming software.